<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        1. 在scss文件中写scss代码
        2. 通过编译得到css代码
        3. 在html文件中隐去css文件
     -->
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="../20231012/font/iconfont.css">
</head>
<body>
    <h1>sass</h1>
    <div class="d1">div1</div>
    <div class="d2">div2</div>
    <div class="main">
        222222
        <div class="left">
            <div class="center">
                <p>1111</p>
            </div>
        </div>
    </div>
    <div class="search">
        <div class="left">
            <div class="left-input">
                <input type="text" placeholder="水果礼盒">
            </div>
            <div class="left-camera">
                <div class="iconfont icon-zhaoxiangji"></div>
            </div>
        </div>
        <div class="right">
            <div class="iconfont icon-search"></div>
        </div>
    </div>
    <div class="d3">div3</div>
    <div class="d4">div4</div>
    <div class="d5">div5</div>
    <div class="d6">div6</div>
    <div class="d7">div7</div>
    <div class="d8">div8</div>
    <div class="d9">div9</div>
    <h2>sass</h2>
    <div class="d10">div10</div>
</body>
</html>
